appSkeleton.directive('function',
    function ($templateCache, $rootScope) {
        $rootScope.device = 'desktop';
        return {
            //parameters
            restrict: 'AE',
            replace: true,
            template: $templateCache.get("function-tpl.html"),

            controller: function ($scope, $element, $location, t2iSpinnerService,$timeout) {
                $scope.options = {
                    "searchfield": {
                        "visible": true,
                        "placeholder": 'Search'
                    }
                };
                $scope.attrFilter = ['sessionName'];
                $scope.attrId = 'sessionId';
                $scope.displayedItemsPerPage = 2;
                $scope.sessions=[
                    {
                        "sessionId":1,
                        "sessionName":"Session 1",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":2,
                        "sessionName":"Session 2",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":3,
                        "sessionName":"Session 3",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":4,
                        "sessionName":"Session 4",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":5,
                        "sessionName":"Session 5",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":6,
                        "sessionName":"Session 6",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":7,
                        "sessionName":"Session 7",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":8,
                        "sessionName":"Session 8",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":9,
                        "sessionName":"Session 9",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":10,
                        "sessionName":"Session 10",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":11,
                        "sessionName":"Session 11",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":12,
                        "sessionName":"Session 12",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    },
                    {
                        "sessionId":13,
                        "sessionName":"Session 13",
                        "firstDate":1380608870000,
                        "lastDate":1388384870000
                    }
                ]
                t2iSpinnerService.start($element.find("#spinner"));

                var pdfViewerScope;
                $timeout(function(){
                    var pdfViewerElementScope = angular.element('[name=pdfviewer-name]');
                    pdfViewerScope = pdfViewerElementScope.isolateScope();
                })
                //calculate absolute path
                var href = window.location.href;
                var pathName = window.location.pathname;
                var origin = href.substring(0, href.indexOf(pathName));

                //remove index.html
                pathName = pathName.replace("index.html","");
                $scope.pdfUrl = origin + pathName +'pdf-sample.pdf';

                $scope.hideButtons = [];
                $scope.hideButtons.push('print');
                $scope.hideButtons.push('open');
                $scope.hideButtons.push('download');
                $scope.pdfViewerComponent = 'bower_components/pdfViewer/viewer.html';

                //Data for storyline
                $scope.data = [
                    {
                        "startDate": "2012,12,10",
                        "endDate": "2013,12,25",
                        "headline": "Headline Goes Here",
                        "text": "<p>Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Vivamus consectetuer hendrerit lacus. Fusce ac felis sit amet ligula pharetra condimentum. Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Morbi mollis tellus ac sapien.</p>" +
                        "<p>Etiam imperdiet imperdiet orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent egestas neque eu enim. Suspendisse potenti. Cras varius.</p>" +
                        "<p> Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.</p>",
                        "classname": "head1",
                        "asset": {
                            "media": "https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg",
                            "credit": "Credit Name Goes Here",
                            "caption": "Caption text goes here"
                        }
                    },
                    {
                        "startDate": "2015,12,21",
                        "endDate": "2020,12,25",
                        "headline": "Vine",
                        "text": "<p>Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Vivamus consectetuer hendrerit lacus. Fusce ac felis sit amet ligula pharetra condimentum. Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Morbi mollis tellus ac sapien.</p>" +
                        "<p>Etiam imperdiet imperdiet orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent egestas neque eu enim. Suspendisse potenti. Cras varius.</p>" +
                        "<p> Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.</p>",
                        "classname": "head2",
                        "asset": {
                            "media": "https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg",
                            "credit": "",
                            "caption": ""
                        }

                    }

                    ,
                    {
                        "startDate": "2015,12,19",
                        "endDate": "2020,12,25",
                        "headline": "Vine",
                        "text": "<p>Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Vivamus consectetuer hendrerit lacus. Fusce ac felis sit amet ligula pharetra condimentum. Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Morbi mollis tellus ac sapien.</p>" +
                        "<p>Etiam imperdiet imperdiet orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent egestas neque eu enim. Suspendisse potenti. Cras varius.</p>" +
                        "<p> Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.</p>",
                        "classname": "head2",
                        "asset": {
                            "media": "https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg",
                            "credit": "",
                            "caption": ""
                        }

                    }
                    ,
                    {
                        "startDate": "2013,12,26",
                        "endDate": "2015,12,20",
                        "headline": "Duis lobortis massa imperdiet",
                        "text": "<p>Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Vivamus consectetuer hendrerit lacus. Fusce ac felis sit amet ligula pharetra condimentum. Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Morbi mollis tellus ac sapien.</p>" +
                        "<p>Etiam imperdiet imperdiet orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent egestas neque eu enim. Suspendisse potenti. Cras varius.</p>" +
                        "<p> Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.</p>",
                        "classname": "head3",

                        "asset": {
                            "media": "https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg",
                            "credit": "",
                            "caption": ""
                        }
                    }
                ]
                $scope.data.sort(function (a, b) {
                    return a.startDate.localeCompare(b.startDate)
                });

                $timeout(function(){
                        var childElem = angular.element('#story-line');
                        var childScope = childElem.isolateScope();

                        $scope.updateStoryline = function(){
                            //Update calendar
                            childScope.update();
                        }})
            },


            //data binding
            scope: {}

        };
    });
